<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
  {{info}}
  <!--v-if="变量" 控制元素是否显示,true显示 false不显示(删除元素)-->
  <p v-if="isShow">刘德华</p>
  <!--v-else 和上面得的v-if状态取反-->
  <p v-else>蔡徐坤</p>
  <!--v-show="变量" 控制元素是否显示,true显示 false不显示(隐藏元素)
  如果需要频繁切换显示状态时使用(执行效率高于v-if)-->
  <p v-show="isShow">吴亦凡</p>
</div>
<script src="js/Vue.js"></script>
<script>
  Vue.createApp({
    data(){
      return{
        info:"显示隐藏相关",
        isShow:false
      }
    }
  }).mount("body>div")
</script>
</body>
</html>